/*
Theme Name: Zine
Theme URI: http://c7sky.com/
Description: Just Another WordPress Theme
Author: Cople
Author URI: http://c7sky.com/
Version: 0.9.5
Tags: black, gray, white, two-columns, fixed-width, threaded-comments, right-sidebar, custom-background, custom-menu, theme-options
*/

/*
============================== CSS RESET
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,\5b8b\4f53,arial}
code,kbd,pre,samp{font-family:Consolas,Courier,monospace}
pre,code{background:#EEE;padding:2px;margin:0 2px}
pre{padding:2px 6px;margin:0}
table{border-collapse:collapse;border-spacing:0}
ul{list-style:square}
ol{list-style:decimal}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
dt{font-weight:600}
img{border:0}
button,input,select,textarea{font-size:100%}
a{text-decoration:none;color:#06C;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}
a:hover{text-decoration:underline}
a:hover,a:active{color:#ff4b33}

/*
============================== COMMON
*/
body{background:#E7E7E7 url(bg.png);border-top:4px solid #2E2E2E}
#masthead,#menu-container,#main,#colophon{margin:0 auto;width:960px;clear:both;padding-left:40px}
#main{margin-bottom:10px;clear:both}
.wp-smiley,#sidebar .avatar{vertical-align:text-bottom}
#toolbar,.post,#single-nav,.depth-1,.comment-author .avatar,#author,#email,#url,#comment,#submit,h4.widget-title,.image-feed-list li,#sidebar .avatar,#related_posts ul,.page .page{-webkit-box-shadow:0 0 6px rgba(0,0,0,.15);-moz-box-shadow:0 0 6px rgba(0,0,0,.15);box-shadow:0 0 6px rgba(0,0,0,.15);filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC',Direction=135,Strength=3);_filter:none}
.left{float:left}
.right{float:right}
.none{display:none}
.clear{clear:both}
.clearfix:after,.widget>ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {*zoom:1}

/*
============================== HEADER
*/
#header{border-top:1px solid #FFF;margin-bottom:16px}
#branding{float:left;padding:10px 0;height:90px}
#logo{height:70px;width:250px;overflow:hidden}
#logo:hover{-moz-animation:logo .6s 1;-webkit-animation:logo .6s 1}
#logo a{font-size:44px;font-weight:600;color: #FE2E2E;text-decoration:none; }
#site-description{font-family:微软雅黑; color: #000; font-size: 12pt}
/* Toolbar */
#toolbar{float:right;width:73px;border-bottom:4px solid #000;background:#FFF;height:30px}
#toolbar ul{position:relative;float:left;list-style:none}
#toolbar li{float:left;color:#999;height:30px;line-height:30px;width:71px;background:#FFF url(toolbar.png) no-repeat;z-index:1;position:absolute;top:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#toolbar li.search{z-index:2;left:0;width:auto;_width:71px}
#toolbar li.rss{background-position:-250px 0;}
#toolbar li.mblog{background-position:-350px 0;left:142px;width:72px}
#toolbar li.mblog_sina{background-image:url(toolbar_sina.png)}
#toolbar li.mblog_qq{background-image:url(toolbar_qq.png)}
#toolbar li:hover{box-shadow:0 0 6px #CCC;z-index:3;text-shadow:0 0 4px #999}
#toolbar li.rss:hover{background-position:-250px 100%}
#toolbar li.mblog:hover{background-position:-350px 100%}
#toolbar li a{padding-left:30px;color:#999;height:100%;width:41px;display:block;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#toolbar li a:hover{color:#666;text-decoration:none}
#toolbar form{height:30px;overflow:hidden}
#toolbar input{background:#FFF url(toolbar.png) no-repeat;padding:0 10px 0 30px;width:30px;border:none 0;color:#999;height:30px;line-height:30px\9;-webkit-transition:background-position .2s;-moz-transition:background-position .2s;-o-transition:background-position .2s;transition:background-position .2s}
#toolbar input:hover{background-position:0 100%;color:#666;text-shadow:0 0 4px #999}
#toolbar input:focus,#toolbar input.focus{background-position:0 100%;color:#666;outline:none;text-shadow:none}
.screen-reader-text{display:none}
/* Navbar */
#nav{clear:both;border-top:0px solid #000;border-bottom:0px solid #fff;background:#CCCCCC;background:rgba(204,204,204,.8)}
#menu-container{height:70px;color:#FFF;position:relative}
#nav .back{background:url(nav.gif) no-repeat 50% 100%;height:70px;width:90px;position:absolute;top:0;z-index:1}
#nav ul{position:absolute;z-index:2;list-style:none}
#nav ul ul{display:none}
#nav li{height:42px;padding:14px;float:left;background:url(nav.gif) no-repeat 0 0;width:80px;cursor:pointer}
#nav li a{font-size:20px;color:#000000;line-height:26px;display:block;}
#nav li a:hover{text-decoration:none}
#nav li span{display:block}
#nav li span.desc{color:#747474;font-size:12px;font-family:arial;line-height:16px;text-transform:uppercase;-webkit-transform-origin:25% center;-moz-transform-origin:25% center;-o-transform-origin:25% center;transform-origin:25% center;-o-transition:-o-transform .7s;transition:transform .7s}
#nav li:hover span{-moz-animation:navTit .7s 1;-webkit-animation:navTit .7s 1}
#nav li:hover span.desc{-o-transform:rotateY(360deg);transform:rotateY(360deg);-moz-animation:navDes .7s 1;-webkit-animation:navDes .7s 1}
@-moz-keyframes logo{25%{-moz-transform:translate(-15px,0)}60%{-moz-transform:translate(15px,0)}}
@-webkit-keyframes logo{25%{-webkit-transform:translate(-15px,0)}60%{-webkit-transform:translate(15px,0)}}
@-moz-keyframes navTit{30%{-moz-transform:translate(0,-20px);opacity:0}31%{-moz-transform:translate(0,20px);opacity:0}}
@-webkit-keyframes navTit{30%{-webkit-transform:translate(0,-20px);opacity:0}31%{-webkit-transform:translate(0,20px);opacity:0}}
@-moz-keyframes navDes{50%{color:transparent;text-shadow:0 0 6px #ccc}to{-moz-transform:rotateY(360deg)}}
@-webkit-keyframes navDes{50%{color:transparent;text-shadow:0 0 6px #ccc}to{-webkit-transform:rotateY(360deg)}}

/*
============================== CONTENT
*/
#content{width:730px;float:left;margin-bottom:16px}
.post,.page .page{background:#FFF;border-top:4px solid #000;padding:10px 15px;position:relative;margin-bottom:16px}
 p {line-height:1.8em;}
.single .post{margin:0}
.entry-title{font-size:22px;text-shadow:1px 1px 3px #CCC}
.entry-title a,.entry-title a:hover{color:#000}
.entry-meta{border-bottom:1px dotted #999;margin-bottom:15px;color:#999;padding:4px 0 10px}
.entry-meta a{color:#999}
.entry-date{overflow:hidden;width:50px;height:50px;border-right:4px solid #000;color:#000;text-align:center;position:absolute;top:14px;left:-50px;_left:-65px}
.entry-month{width:100%;top:30px;left:0;position:absolute}
.entry-day{width:100%;font-size:2em;top:0;left:0;position:absolute;line-height:1.2em}
.entry-date .sl{line-height:10em}
.entry-content{line-height:2em;font-size:14px}
#single-nav{color:#FFF;background:#000;height:30px;width:100px;text-align:center;line-height:30px;float:right;margin-bottom:11px;position:relative;z-index:2}
#single-nav a{color:#FFF}
#nav-below a{color:#000;height:30px;text-align:center;line-height:30px;padding:0 10px;padding-bottom:4px}
#nav-below a:hover{border-bottom:4px solid #06F;text-shadow:0 0 4px #999;text-decoration:none;padding-bottom:0}
.nav-previous a{float:left}
.nav-next a{float:right}
.a-d{margin-bottom:16px;text-align:center}
.a-d-s{margin-top:45px;text-align:center}

/*
============================== COMMENTS
*/
#comments{clear:both}
#comments h3,#related_posts h3{background:url(dot.gif) repeat-x 50%;font-size:22px;color:#666;text-shadow:0 1px 0 #FFF;font-weight:300;margin-bottom:10px}
#comments h3 span,#related_posts h3 span{background:url(bg.png);padding-right:10px}
#comments-title a{color:#666}
.commentlist,.commentlist ul{list-style:none}
.commentlist li.depth-1{margin-left:80px;margin-bottom:14px;background:#FFF;border-left:4px solid #000;min-height:66px;height:auto!important;height:66px}
.commentlist li.pingback{font-style:italic;margin-bottom:14px;text-align:right}
.commentlist li.pingback p{margin-right:6px}
.commentlist li li{margin:0;clear:both}
.comment-wrapper{padding:5px 7px;position:relative;_zoom:1}
.comment-wrapper p{line-height:2em}
.comment-body{word-wrap:break-word;word-break:break-all}
.comment-author{margin:2px 0 6px}
.comment-author a{color:#000}
.comment-author cite{font-weight:600;font-style:normal}
.comment-author .avatar{border:1px solid #FFF;background:#FFF;position:absolute;top:0;left:-84px;_left:-90px}
.bypostauthor > div > .comment-author > .avatar{border-color:#F60}
.commentmetadata{position:absolute;top:7px;right:7px;color:#999}
.commentlist .reply{position:absolute;bottom:5px;right:5px;display:none}
.commentlist .reply a{color:#FFF;background:#000;padding:2px 6px}
.comment-awaiting-moderation{color:red}
.commentlist .children{padding-top:7px}
.commentlist .children .children{padding-top:0}
.commentlist .children .comment-author .avatar{left:-30px;width:28px;height:28px;top:-1px}
.commentlist .children li{border-top:1px dotted #CCC;margin-left:40px}
/* Comments Nav */
.comments-nav{text-align:center}
.comments-nav div{background:#AAA;background:rgba(0,0,0,.2);height:30px;padding:0 5px;-webkit-box-shadow:inset 0 1px 3px #333;-moz-box-shadow:inset 0 1px 3px #333;box-shadow:inset 0 1px 3px #333;display:inline-block;*display:inline}
.comments-nav a,.comments-nav a:hover,.comments-nav span{text-shadow:0 -1px 0 #666;color:#FFF;display:inline-block;padding:4px;margin-top:5px;line-height:12px;*display:inline}
.comments-nav .current{text-shadow:none;color:#000;background:#FFF;-webkit-box-shadow:0 0 3px #666;-moz-box-shadow:0 0 3px #666;box-shadow:0 0 3px #666}
.comments-nav div,.comments-nav .current{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
/* Comment Form */
#commentform .required{position:absolute;top:0px;right:8px;line-height:40px;font-size:22px;color:#C00;font-family:arial}
.comment-form-author,.comment-form-email,.comment-form-url{height:30px;width:234px;float:left;position:relative;display:inline;margin:10px 14px 0 0;_margin:10px 12px 0 0}
.comment-form-url{margin-right:0}
.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-comment label{position:absolute;top:0px;left:10px;line-height:30px}
.comment-form-comment{line-height:0}
.comment-form-comment label{display:none}
#author,#email,#url{padding:0 6px 0 35px;background:#FFF;border:none 0;width:189px;height:30px;line-height:30px\9}
#comment{background:#FFF;border:none 0;width:716px;height:190px;margin-top:14px;padding:5px;resize:vertical;overflow-x:hidden;overflow-y:auto}
#author,#email,#url,#comment{border-left:4px solid #000;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#author:focus,#email:focus,#url:focus,#comment:focus{border-color:#06F;outline:none;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);-moz-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4)}
#submit{cursor:pointer;color:#FFF;background:#000;height:30px;width:100px;text-align:center;line-height:30px;float:right;margin-bottom:11px;border:none 0;font-size:14px;position:relative;z-index:2}
.comment-smilies{margin:6px 0 0 7px;float:left;cursor:pointer}
.comment #respond{margin-left:10px;padding-bottom:10px}
#comments .comment h3 span{background:#FFF}
.comment #respond *{position:static}
.comment #author,.comment #email,.comment #url,.comment #comment{padding:0 6px;clear:both;float:left;position:static;border-left:1px solid #999;border-top:1px solid #999;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:none}
.comment #comment{padding:6px;width:96.2%;margin-top:0}
.comment #commentform .required{position:static;float:left;line-height:30px;font-size:14px;font-weight:600;margin-left:3px}
.comment .comment-form-author,.comment .comment-form-email,.comment .comment-form-url{margin:0;height:auto;position:static;clear:both;display:block;float:none;width:auto}
.comment .comment-form-comment{line-height:1.5;clear:both}
.comment .comment-form-author label,.comment .comment-form-email label,.comment .comment-form-url label{float:left}
.comment .comment-form-comment label{display:block}
.comment #author:focus,.comment #email:focus,.comment #url:focus,.comment #comment:focus{background:#F7F7F7}
.comment #submit{margin-right:1.8%}

/*
============================== ENTRY
*/
.entry-content{word-wrap:break-word;word-break:break-all}
.entry-content > :last-child{margin-bottom:0}
.entry-content p{}
.entry-content ul,.entry-content ol{margin:0 0 14px 3em}
.entry-content ul,.entry-content ol,.entry-content dd,.entry-content pre,.entry-content hr{margin-bottom:14px}
.entry-content ul ul,.entry-content ol ol,.entry-content ul ol,.entry-content ol ul{margin-bottom:0}
.entry-content dt,.entry-content th{color:#000}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{background:#eee;border:1px solid #CCC;color:#000;padding:0.5em;margin-bottom:14px}
.entry-content blockquote{border:1px dotted #E7E7E7;background:#F4F4F4;padding:0.5em 1em 0.5em;margin:0 14px 14px}
.entry-content table{border:1px solid #e7e7e7;margin:0 0 14px 0;text-align:left;width:100%}
.entry-content tr th,.entry-content thead th{color:#888;font-size:12px;font-weight:bold;line-height:18px;padding:9px 24px}
.entry-content tr td{border-top:1px solid #e7e7e7;padding:6px 24px}
.entry-content tr.odd td{background:#f2f7fc}
.entry-content img[height="200"]:first-child{-webkit-box-reflect:below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.9, transparent), to(rgba(255, 255, 255, 0.2)));-moz-box-reflect: below 2px -moz-linear-gradient(top ,transparent, rgba(255, 255, 255, 0.2), transparent 90%)}
.entry-content img{max-width:700px;-webkit-transition:-webkit-box-shadow .2s;-moz-transition:-moz-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s}
.entry-content a img:hover{-webkit-box-shadow:0 0 7px #999;-moz-box-shadow:0 0 7px #999;box-shadow:0 0 7px #999}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img{max-width:100%;height:auto}
.alignleft,img.alignleft{display:inline;float:left}
.alignright,img.alignright{display:inline;float:right}
.aligncenter,img.aligncenter{clear:both;display:block;margin:0 auto}

/*
============================== SIDEBAR
*/
h4.widget-title{background:#FFF;border-left:4px solid #000;line-height:30px;padding-left:10px;margin-bottom:5px;font-size:12px}
#sidebar{float:left;margin-left:16px;width:214px;margin-bottom:16px}
#sidebar ul{list-style:none}
#sidebar .widget{clear:both;margin-bottom:5px}
#sidebar .widget ul{margin:4px 0}
#sidebar .widget li{padding:0 6px;line-height:2.5em;width:202px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:background .2s;-moz-transition:background .2s;-o-transition:background .2s;transition:background .2s}
#sidebar .widget li:hover{background:rgba(255,255,255,.4)}
#sidebar .widget li a{color:#333}
#sidebar .widget li a:hover,#sidebar .widget li:hover a{color:#000;text-decoration:none;_text-decoration:underline}
#sidebar .image_feed_widget li{border:1px solid #FFF;width:65px;font-size:0;float:left;padding:0;margin:2px;+margin:0 0 1px 1px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#sidebar .image_feed_widget li:hover{box-shadow:0 0 4px #999;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
#sidebar .image_feed_widget li img{width:100%}
#sidebar .avatar{margin-right:4px;border:1px solid #FFF;background:#FFF}
#sidebar .widget_wkc_recent_comments li{height:2.5em;line-height:2.5em}

/*
============================== FOOTER
*/
#footer{height:48px;border-top:1px solid #FFF;background:#2E2E2E;background:rgba(0,0,0,.8)}
#colophon{color:#999;line-height:14px;padding:17px}
#footer a{color:#FFF}

/*
============================== PAGE
*/
.page-title{font-size:2em;text-align:center;line-height:2.2em}
body.page .entry-title,.not-found .entry-title{font-size:2em;border-bottom:1px dotted #999;margin-bottom:15px;padding-bottom:10px;text-align:center}
body.error404 #content{width:auto;float:none}
div.error404{text-align:center;border:none 0;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:none}
#page-links{list-style:none;margin:0;zoom:1}
#page-links li{width:210px;float:left;margin:0 10px 20px;border:1px solid #bbb;background:#f2f2f2;border-radius:2px;line-height:35px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;_margin:0 8px 12px}
#page-links li:hover{border-color:#aaa;-webkit-box-shadow:0 0 3px #bbb;-moz-box-shadow:0 0 3px #bbb;-o-box-shadow:0 0 3px #bbb;box-shadow:0 0 3px #bbb}
#page-links li:hover div.icon{border-color:#aaa}
#page-links a:hover{text-decoration:none}
#page-links div.icon{background:white;text-align:center;width:40px;height:60px;float:left;clear:left;line-height:60px;margin-right:10px;border-right:1px solid #bbb;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
#page-links img{margin-top:22px}
#page-links span{display:block;color:#999;font-size:12px;line-height:12px}

/*
============================== PLUGIN
*/
/* WP-PageNavi */
.wp-pagenavi{text-align:center}
.wp-pagenavi span,.wp-pagenavi a{height:30px;line-height:30px;color:#333;padding:0 10px;display:inline-block;margin:0 2px;padding-bottom:4px}
.wp-pagenavi a:hover{border-bottom:4px solid #06F;text-shadow:0 0 4px #999;text-decoration:none;padding-bottom:0}
.wp-pagenavi .current{color:#000;border-bottom:4px solid #000;font-weight:600;padding-bottom:0}
/* WP-Syntax */
.wp_syntax{margin:0 0 1em !important;border-color:#EEE !important;width:auto !important}
.wp_syntax pre{padding:0;background:none;font-family:Consolas,Courier,monospace !important}
.wp_syntax span{font-family:Consolas,Courier,monospace !important}
.wp_syntax table{border:none 0;margin:0}
.wp_syntax table td{border-top:none;padding:4px 6px}
.wp_syntax table td.line_numbers{background:none;border-right:3px solid skyblue;width:24px}
/* Related Posts */
#related_posts{clear:both;margin-bottom:12px}
#related_posts ul{border-left:4px solid #000;background:#FFF url(relatedPosts.png) no-repeat 50%;height:90px;list-style:none}
#related_posts li{float:left;width:363px;line-height:30px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
#related_posts a{color:#000;margin-left:10px;line-height:30px;-webkit-transition:text-shadow .2s;-moz-transition:text-shadow .2s;-o-transition:text-shadow .2s;transition:text-shadow .2s}
#related_posts a:hover{text-shadow:0 0 4px #999}
/* AJAX Comment Pager */
.comments-nav #ajax-comment-loader{padding-left:20px}

/*
============================== OTHER
*/
#ckepop{margin:8px 0 0 6px;_margin-left:4px}
#ckepop a{color:#000}
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){.wp-smiley,#sidebar .avatar{vertical-align:middle}}